.enter-left-enter-active, .enter-left-leave-active {
  transition: all .4s;
}

.enter-left-enter{
  /*opacity: 0;*/
  transform: translate(-100%, 0);
}
.enter-left-enter-to,.enter-left-leave{
  transform: translate(0, 0);
  /*opacity:1;*/
}
.enter-left-leave-to{
  /*opacity: 0;*/
  transform: translate(-100%, 0);
}

.protocol-m{
	padding-bottom:30px;
	p{
		margin-top:30px;
		font-size:30px;
		text-indent:60px;
		color:#191919;
		padding:0 20px;
		line-height:1.8;
	}
}


.header{
	position: fixed;
	top:0;
	left:50%;
	width:10rem;
	margin-left:-5rem;
	display: flex;
	justify-content:space-between;
	align-items: center;
	height:90px;
	background-color:#fff;
	z-index:100;
	padding:0 30px;
	border-bottom:2px solid #F0F0F0;
	.name{
		font-size:40px;
	}
	&.header-center{
		justify-content: center;
	}
	.search-input{
		input{
			width:530px;
			padding:0 20px;
			line-height:60px;
			background-color:#f4f5f7;
			border-radius:60px;
		}
	}
	::-webkit-input-placeholder{
  /*　		color:#c7c7c7;*/
	     font-size:24px;
    }
	.search-icon{
		display: block;
	    position: relative;
	    min-width: 0.666667rem;
	    min-height: 0.666667rem;
	}
	div{
		position: relative;
		min-width:50px;
		min-height:50px;
	}
	.down-icon{
		width:30px;
		height:30px;
		background::url(./assets/images/icon/down-icon3.png) no-repeat 0 0/100% auto;
	}
}
.mint-switch{
	transform: scale(1.4);
}

input{
	width:100%;
	background-color: transparent;
}
.container{
	padding-top:90px;
	padding-bottom:100px;
	max-width:10rem;
	margin:0 auto;
}
.containerT{
	padding-top:90px;
	max-width:10rem;
	margin:0 auto;
}
.containerB{
	padding-bottom:100px;
	max-width:10rem;
	margin:0 auto;
}
.f22{
	font-size:24px!important;
}
.f24{
	font-size:24px!important;
}

.search-icon:after{
	content:'';
	position: absolute;
	top:50%;
	left:0;
	width:35px;
	height:35px;
	margin-top:-17.5px;
	display: block;
	background:url(./assets/images/icon/search-icon1.png) no-repeat 0 0/100% auto;
}
.icon-my:after{
	content:'';
	position: absolute;
	top:50%;
	left:0;
	width:50px;
	height:50px;
	margin-top:-25px;
	display: block;
	background:url(./assets/images/icon/my-icon1.png) no-repeat 0 0/100% auto;
}
.r-icon1:after{
	content:'';
	position: absolute;
	top:50%;
	left:0;
	width:15px;
	height:24px;
	margin-top:-12px;
	display: block;
	background:url(./assets/images/icon/r-icon1.png) no-repeat 0 0/100% auto;
}
.return-icon:after{
	content:'';
	position: absolute;
	top:50%;
	left:0;
	width:30px;
	height:30px;
	margin-top:-15px;
	display: block;
	background:url(./assets/images/icon/return-icon1.png) no-repeat 0 0/100% auto;
}



.mint-toast span{
	font-size:38px;
}


.home .swiper-pagination-bullet{
  background-color:#1782e4;
  opacity:0.8;
  width:10px;
  height:10px;
  border-radius:20px;
  margin:0 10px !important;
  &.swiper-pagination-bullet-active{
  	width:20px;
  	opacity:1;
  }
}



.blue{
	color:#5b8cbc;
}
.green{
	color:#86b699;
}

.layout1-box{
	position: relative;
	.item-l{
		width:140px;
		margin-right:30px;
		display: inline-block;
		vertical-align: middle;
		position: relative;
		.state{
			line-height:40px;
			padding:0 5px;
			font-size:28px;
			color:#fff;
			background-color:#3399fe;
			position: absolute;
			top:0;
			left:0;
		}
	}
	.item-r{
		display: inline-block;
		vertical-align: middle;
		width:500px;
		font-size:0;
		.item-tt{
			font-size:36px;
			color:#000;
			margin-bottom:10px;
			overflow:hidden;
			text-overflow:ellipsis;
			white-space:nowrap;
			font-weight: normal;
			display: flex;
			justify-content: space-between;
			align-items: center;
			.read-state{
				color:#247bd8;
				font-size:32px;
				display: flex;
				align-items: center;
				i{
					line-height:30px;
					padding:5px;
					font-size:24px;
					background-color:#247bd8;
					color:#fff;
					margin-left:5px;
					display: inline-block;
				}
			}
		}
		.item-desc{
			font-size:28px;
			margin-bottom:20px;
			overflow:hidden; 
			text-overflow:ellipsis;
			display:-webkit-box; 
			-webkit-box-orient:vertical;
			-webkit-line-clamp:2; 
			color:#898989;
		}
		.item-info{
			display:flex;
			justify-content: space-between;
			align-items: center;
			font-size:28px;
			color:#898989;
			.boogk-state{
				display: flex;
				justify-content: flex-start;
				align-items: center;
				p{
					display: flex;
					align-items: center;
					margin-right:30px;
				}
			}
			
			.time:before{
				content:'';
				width:23px;
				height:23px;
				margin-right:5px;
				display: inline-block;
				vertical-align: middle;
				background:url(./assets/images/icon/time-icon1.png) no-repeat 0 0/100% auto;
			}
			.read:before{
				content:'';
				width:23px;
				height:23px;
				margin-right:5px;
				display: inline-block;
				vertical-align: middle;
				background:url(./assets/images/icon/read-icon1.png) no-repeat 0 0/100% auto;
			}
			.label{
				i{
					margin-left:10px;
					font-size:20px;
					line-height:35px;
					background-color:#f4f5f7;
					padding:0 10px;
					display: inline-block;
				}
			}
		}
	}
}